/*----------- common -----------*/
body, div, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, table, th, td {margin:0;padding:0; font-size:12px;}
table {border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var
{font-style:normal;font-weight:normal}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
body, button, input, select, textarea {font-size:14px;font-family: Hiragino Sans GB,Helvetica,Arial,sans-serif;}
ul, ol, li {list-style:none}
body{font-family:"Hiragino Sans GB","微软雅黑",sans-serif; font-size:14px; min-width:1210px;}
html {overflow-y:scroll;overflow:-moz-scrollbars-vertical}
*:focus {outline:none}
a{ text-decoration:none; color:#333;}
input {border: medium none;}
fieldset,img {border:0px;vertical-align: middle;}
button, input, select, textarea {font-size:100%}
.clear{clear:both;}
.hidden{ display:none;}
/**:link,*:visited,*:hover,*:active,*:focus{-webkit-transition:color .25s linear,	background-color .25s linear;-moz-transition:color .25s linear,background-color .25s linear;}*/
/*阴影*/
.round{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -khtml-border-radius: 5px;-ms-border-radius:5px;}

.clearfix:before,.clearfix:after{ content:""; display:table;} 
.clearfix:after{clear:both;} 
.clearfix{ *zoom:1;/*IE/7/6*/}

html .pa {position: absolute;}
/* crumbs */
.crumbs {color: #333333;font-family: "Hiragino Sans GB","Microsoft YaHei","黑体",sans-serif;font-size: 14px;height: 54px;line-height: 54px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumbs a{ color:#000;}

/* layer modal*/
.layer .modal{position:fixed;min-width:300px;text-align:center;background:#fff;z-index:9999;left:40%;top:30%;opacity:1;filter: alpha(opacity = 100); border-top: 2px solid #ff7200;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
.layer .modal-header{height:30px; line-height:30px;background-color:#efefef; border-bottom: 1px solid #e5e5e5;min-height: 16.43px;padding:0 10px;}
.layer .modal-header .title{ font-size:14px; font-weight:bold;text-align:left; width:100%; height:100%;}
.layer .modal-header .title .close{color: #000;float: right;font-size: 21px;font-weight: 700;line-height: 1;text-shadow: 0 1px 0 #fff; border:0; margin-top:5px; cursor:pointer;background-color: transparent;}
.layer .modal-body{padding:10px; line-height:20px; min-height:30px; max-height:400px;}
.layer .modal-body .content{text-align:left; width:100%; height:100%; word-wrap: break-word;}
.layer .modal-footer{ padding: 10px 10px;}
.layer .modal-footer .btns button{ float:right;padding: 6px 12px; background-color:#ff7200; border: 1px solid #ff7200;color:#fff; cursor:pointer;}
.layer .modal-footer .btns .cancel{background-color: #999;border: 1px solid #999;color: #fff; margin-left:10px;}
.layer .bg{position:fixed;z-index:9998;left:0;top:0;right:0;bottom:0;background-color: #000;filter: alpha(opacity = 50);opacity: 0.5;}
.layer.notice .modal,.layer.alert .modal,.layer.confirm .modal,.layer.addcart .modal{z-index:99999;}
.layer.notice .bg,.layer.alert .bg,.layer.confirm .bg,.layer.addcart .bg{z-index:99998;}
.layer.notice .modal{top:30%; min-width:100px;}
.layer.notice .modal-body .content{ text-align:center;}
.layer.alert .modal{top:30%;}
.layer.confirm .modal{top:30%;}
.layer.open .modal{top:10%;}
.layer.addcart .modal .modal-header{ background-color:#fff; border-bottom:0px;}
.layer.addcart .modal .modal-header button{ background-color:#fff;}
.layer.addcart .modal .modal-body{ padding-top:0px;}

#js-layer-info .modal{
    background: rgba(0,0,0,.5);
    min-width: initial;
    border-top:none;
    top: 50%;
    left: 50%;
    text-align: center;
    border-radius: 3px;
    transform: translate(-50%,-50%);
    box-shadow:none;
}
#js-layer-info .modal .modal-content{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 6px 20px;
}
/*----------- test -----------*/
.layout-module{ margin: 5px; padding:10px; border:1px solid #C1C1C1;}

/*回到精品馆*/
p#back-to-solutions {
    position: fixed;
    bottom: 110px;
    right: 50px;
}

p#back-to-solutions a {
    text-align: center;
    text-decoration: none;
    color: #d1d1d1;
    display: block;
    width: 50px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
}
p#back-to-solutions a:hover {
    color: #979797;
}
p#back-to-solutions a span {
    background: #d1d1d180 url(/mall/view/theme/default/image/gohome.png) no-repeat center center;
    border-radius: 6px;
    display: block;
    height: 50px;
    width: 50px;
    background-size: 45px 45px;
    margin-bottom: 5px;
      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
}
#back-to-solutions a:hover span {
    background: #97979780 url(/mall/view/theme/default/image/gohome.png) no-repeat center center;
    background-size: 45px 45px;
}


/*回到顶部*/
p#back-to-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
}

p#back-to-top a {
    text-align: center;
    text-decoration: none;
    color: #d1d1d1;
    display: block;
    width: 50px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
}
p#back-to-top a:hover {
    color: #979797;
}
p#back-to-top a span {
    background: #d1d1d180 url(/mall/view/theme/default/image/back_to_top.png) no-repeat center center;
    border-radius: 6px;
    display: block;
    height: 50px;
    width: 50px;
    background-size: 45px 45px;
    margin-bottom: 5px;
      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
}

#back-to-top a:hover span {
    background: #97979780 url(/mall/view/theme/default/image/back_to_top.png) no-repeat center center;
    background-size: 45px 45px;
}

.qrcode_close{width:35px;font-size:35px;margin:0 auto;cursor:pointer;border-radius:50%;color:#999;position:absolute;bottom:0;left:50%;transform:translate(-50%,0);transition:all .2s}
.qrcode_close:hover{color:#c8c8c8!important}
.layer_new.confirm .modal{position:fixed;min-width:300px;left:50%;top:40%;transform:translate(-50%,-50%);padding:20px;text-align:center;background:#fff;z-index:9999;border-top:unset;border-radius:10px;overflow:hidden}
.layer_new.confirm .modal-header{border:unset;background-color:#fff;margin-bottom:15px}
.layer_new.confirm .modal-header .title{font-size:20px;font-weight:700;text-align:center}
.layer_new.confirm .modal-body{margin-bottom:25px}
.layer_new.confirm .modal-body .content{font-size:initial;text-align:left}
.layer_new.confirm .modal-footer .btns{display:flex;flex-direction:column;gap:10px}
.layer_new.confirm .modal-footer .btns button{width:100%;height:30px;line-height:30px;color:#fff;font-size:14px;border:unset;border-radius:5px;background-color:#007857;cursor:pointer}
.layer_new.confirm .modal-footer .btns .confirm:hover{background-color:#1f9f6f}
.layer_new.confirm .modal-footer .btns .cancel{color:rgba(144,143,143,.5);background-color:#eee}
.layer_new.confirm .modal-footer .btns .cancel:hover{background-color:rgb(238,238,238,.7)}
.layer_new .bg{position:fixed;z-index:9998;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:.5}
.layer_new.confirm a.agreement{color:#4165ff}